<!DOCTYPE html>
<html>
<head>
  <title>视图</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet" media="screen">
  <!--responsive响应式-->
  <link href="css/bootstrap-responsive.css" rel="stylesheet">
  <link href="css/oa_project.css" rel="stylesheet"></head>
<body>
  <div class="navbar navbar-col333  navbar-fixed-top">
    <div class="container">
      <div class="logo">
        <div class="fn-right">
          天浩
          <a href="">[退出]</a>
        </div>
        OA项目管理系统
      </div>

    </div>
    <div class="navbar2 fn-clear">
      <div class="container">
          <div class="nav-search  fn-right">
            <input type="text" placeholder="搜索任务"> 
            <a href="">
              <span>搜索</span>
            </a>
          </div>
          <div class="nav-jump  fn-left">
            <!-- 项目快速跳转 -->
            项目
            <select name="" class="project-id" >
              <option value="0" selected="selected">所有项目</option>
              <option value="1">微雨-andriod</option>
              <option value="2">微雨-iphone</option>
              <option value="3">领爱-ii</option>
              <option value="4">领爱-全国正式版</option>
              <option value="5">领爱-全国测试版</option>
            </select>
            <button class="but-only" type="submit">创建项目</button>
          </div>
          <div class="nav-menu  fn-left">
            <!-- 导航 -->
            <a href="">创建任务</a><a class="active" href="">我的视图</a><a href="">查看任务</a><a href="">统计报表</a><a href="">管理设置</a>
          </div>
      </div>
    </div>
  </div>

  <div class="wrap">
    <div class="container pt108px  fn-clear">
        <!-- <div class="project-sidebar">
        </div>
        <div class="project-detail ">
            <div class="project-detail-com">
            </div>
        </div> -->
      <div class="project-detail-com p0 fn-clear">
        <ul class="project-detail-view fn-left">
          <li class="fn-left">
            <h1><span class="viweico viweico1"></span>派发给我的任务：1~10/19 </h1>
            <div class="">
              <table class="viwe-table">
                <thead>
                  <tr>                 
                    <td><a class="active" href="">编号↓</a></td>
                    <td><a href="">状态</a></td>
                    <td  class="tal"><a href="">概要</a></td>
                  </tr>
                </thead>
                <tbody>
                  <tr class="bgblue">               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgblue">               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgblue"> <!--前3条tr加.bgblue 蓝色背景之后的隔行加 灰色.bgfa背景-->             
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgfa" >               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr >               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgfa">               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr >               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgfa">               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr >               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgfa">               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                </tbody>
              </table>
              <div class="pagination pagination-small pagination-centered bor1d9 bort0">
                <ul>
                  <li>
                    <a href="#">«</a>
                  </li>
                  <li class="active">
                    <a href="#">1</a>
                  </li>
                  <li>
                    <a href="#">2</a>
                  </li>
                  <li>
                    <a href="#">3</a>
                  </li>
                  <li>
                    <a href="#">4</a>
                  </li>
                  <li>
                    <a href="#">5</a>
                  </li>
                  <li>
                    <a href="#">»</a>
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li class="fn-left">
            <h1><span class="viweico viweico4"></span>我报告的未解决的任务：1~3/3</h1>
            <div class="">
              <table class="viwe-table">
                <thead>
                  <tr>                 
                    <td><a class="active" href="">编号↓</a></td>
                    <td><a href="">状态</a></td>
                    <td  class="tal"><a href="">概要</a></td>
                  </tr>
                </thead>
                <tbody>
                  <tr >               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgfa">               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr >               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr class="bgfa">               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                  <tr >               
                    <td>SW-1  </td>
                    <td>策划细化</td>
                    <td class="tal">兑换积分的做法统一制定标准</td>
                  </tr>
                </tbody>
              </table>
              <div class="pagination pagination-small pagination-centered bor1d9 bort0">
                <ul>
                  <li>
                    <a href="#">«</a>
                  </li>
                  <li class="active">
                    <a href="#">1</a>
                  </li>
                  <li>
                    <a href="#">2</a>
                  </li>
                  <li>
                    <a href="#">3</a>
                  </li>
                  <li>
                    <a href="#">4</a>
                  </li>
                  <li>
                    <a href="#">5</a>
                  </li>
                  <li>
                    <a href="#">»</a>
                  </li>
                </ul>
              </div>
            </div>
          </li>
          <li class="fn-left">
            <h1><span class="viweico viweico6"></span>我关注的任务：1~3/3</h1>
            <div class="">
              <table class="viwe-table">
                    <thead>
                      <tr>                 
                        <td><a class="active" href="">编号↓</a></td>
                        <td><a href="">状态</a></td>
                        <td  class="tal"><a href="">概要</a></td>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>               
                        <td>SW-1  </td>
                        <td>策划细化</td>
                        <td class="tal">兑换积分的做法统一制定标准</td>
                      </tr>
                      <tr class="bgfa" >               
                        <td>SW-1  </td>
                        <td>策划细化</td>
                        <td class="tal">兑换积分的做法统一制定标准</td>
                      </tr>
                      <tr>               
                        <td>SW-1  </td>
                        <td>策划细化</td>
                        <td class="tal">兑换积分的做法统一制定标准</td>
                      </tr>
                      <tr class="bgfa" >               
                        <td>SW-1  </td>
                        <td>策划细化</td>
                        <td class="tal">兑换积分的做法统一制定标准</td>
                      </tr>
                      <tr>               
                        <td>SW-1  </td>
                        <td>策划细化</td>
                        <td class="tal">兑换积分的做法统一制定标准</td>
                      </tr>
                    </tbody>
              </table>
              <div class="pagination pagination-small pagination-centered bor1d9 bort0">
                <ul>
                  <li>
                    <a href="#">«</a>
                  </li>
                  <li class="active">
                    <a href="#">1</a>
                  </li>
                  <li>
                    <a href="#">2</a>
                  </li>
                  <li>
                    <a href="#">3</a>
                  </li>
                  <li>
                    <a href="#">4</a>
                  </li>
                  <li>
                    <a href="#">5</a>
                  </li>
                  <li>
                    <a href="#">»</a>
                  </li>
                </ul>
              </div>
            </div>
          </li>
        </ul>
        <ul class="project-detail-view fn-right">
          <li  class=" ">
            <h1><span class="viweico viweico2"></span>未发布版本</h1>
            <div class="">
              <table class="viwe-table">
                <thead>
                  <tr>                                               
                    <td width="204"><a class="active" href="">版本↓</a></td>
                    <td width="95"><a href="">截止日期</a></td>
                    <td width=" "><a href="">完成情况</a></td>
                  </tr>
                </thead>
                <tbody>
                  <tr >               
                    <td>SW-1  </td>
                    <td>2013-09-23</td>
                    <td class="tal">
                      <div class="speed-box">
                        <span class="speeds" style="width: 33%;"></span>
                        <span class="ratio">10/30</span>
                      </div>
                    </td>
                  </tr>
                  <tr class="bgfa">               
                    <td>SW-1  </td>
                    <td>2013-09-23</td>
                    <td class="tal">
                      <div class="speed-box">
                        <span class="speeds" style="width: 100%;"></span>
                        <span class="ratio">16/16</span>
                      </div>
                    </td>
                  </tr>
                  <tr >               
                    <td>SW-1  </td>
                    <td>2013-09-23</td>
                    <td class="tal">
                      <div class="speed-box">
                        <span class="speeds" style="width: 0%;"></span>
                        <span class="ratio">0/10</span>
                      </div>
                    </td>
                  </tr>
                  <tr class="bgfa">               
                    <td>SW-1  </td>
                    <td>2013-09-23</td>
                    <td class="tal">
                      <div class="speed-box">
                        <span class="speeds" style="width: 60%;"></span>
                        <span class="ratio">15/25</span>
                      </div>
                    </td>
                  </tr>
                  <tr >               
                    <td>SW-1  </td>
                    <td>2013-09-23</td>
                    <td class="tal">
                      <div class="speed-box">
                        <span class="speeds" style="width: 78%;"></span>
                        <span class="ratio">7/9</span>
                      </div>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </li>
          
          <li class="">
            <h1><span class="viweico viweico3"></span>过滤器 </h1>
            <div class="">
              <table class="viwe-table">
                    <thead>
                      <tr>                 
                        <td><a class="active" href="">已保存的过滤器 ↓</a></td>
                        <td><a href="">任务数量</a></td>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>               
                        <td>派给邓锐涛的任务 </td>
                        <td>1</td>
                      </tr>
                      <tr class="bgfa" >               
                        <td>派给邓锐涛的任务 </td>
                        <td>12</td>
                      </tr>
                     
                    </tbody>
              </table>
            </div>
          </li>
          <!-- <li class="fn-right">
            <h1 ><span class="viweico viweico5"></span>统计</h1>
            这个可以暂时先别做 
          </li>-->
        </ul>
      </div>
    </div>
    <div class="push-footer">
      <!--cannot del ! hold footer size--> </div>
  </div>
  <div class="footer">
    <div class="container">
      <p class="muted credit">
        广州多益网络科技有限公司
        <br>ICP粤B2-20060723</p>
    </div>
  </div>
</body>
</html>